<!DOCTYPE html>

<html lang="en">

	<head>

		<meta charset="utf-8" />

		<title>GAFF-ADMIN</title>

		<meta name="keywords" content="数据安全解决方案,数据安全网关" />

		<meta name="description" content="专业数据安全解决方案" />

		<meta name="viewport" content="width=device-width, initial-scale=1.0" />



		<!-- basic styles -->



		<link href="../../static/bootstrap/css/bootstrap.min.css" rel="stylesheet" />

		<link rel="stylesheet" href="../../static/bootstrap/font-awesome/css/font-awesome.css">



		<!--[if IE 7]>

		<link rel="stylesheet" href="../../static/css/font-awesome-ie7.min.css"/>

		<![endif]-->



		<!-- page specific plugin styles -->



		<!-- fonts -->



		 



		<!-- ace styles -->



		<link rel="stylesheet" href="../../static/css/gds.min.css" />

		<link rel="stylesheet" href="../../static/css/gds-rtl.min.css" />



		<!--[if lte IE 8]>

		<link rel="stylesheet" href="../../static/css/gds-ie.min.css"/>

		<![endif]-->



		<!-- inline styles related to this page -->



		<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->



		<!--[if lt IE 9]>

		<script src="../../static/js/html5shiv.js"></script>

		<script src="../../static/js/respond.min.js"></script>

		<![endif]-->

	</head>



	<body class="login-layout">

		<div class="main-container">

			<div class="main-content">

				<div class="row">

					<div class="col-sm-10 col-sm-offset-1">

						<div class="login-container">

							<div class="center">

								<h1>

									<i class="icon-leaf green"></i>

									<span class="red">Ace</span>

									<span class="white">Application</span>

								</h1>

								<h4 class="blue">&copy; Company Name</h4>

							</div>



							<div class="spgds-6"></div>



							<div class="position-relative">

								<div id="login-box" class="login-box visible widget-box no-border">

									<div class="widget-body">

										<div class="widget-main">

											<h4 class="header blue lighter bigger">

												<i class="icon-coffee green"></i>

												Please Enter Your Information

											</h4>



											<div class="spgds-6"></div>



											<form>

												<fieldset>

													<label class="block clearfix">

														<span class="block input-icon input-icon-right">

															<input type="text" class="form-control" placeholder="Username" />

															<i class="icon-user"></i>

														</span>

													</label>



													<label class="block clearfix">

														<span class="block input-icon input-icon-right">

															<input type="password" class="form-control" placeholder="Password" />

															<i class="icon-lock"></i>

														</span>

													</label>



													<div class="space"></div>



													<div class="clearfix">

														<label class="inline">

															<input type="checkbox" class="ace" />

															<span class="lbl"> Remember Me</span>

														</label>



														<button type="button" class="width-35 pull-right btn btn-sm btn-primary">

															<i class="icon-key"></i>

															Login

														</button>

													</div>



													<div class="spgds-4"></div>

												</fieldset>

											</form>



											<div class="social-or-login center">

												<span class="bigger-110">Or Login Using</span>

											</div>



											<div class="social-login center">

												<a class="btn btn-primary">

													<i class="icon-facebook"></i>

												</a>



												<a class="btn btn-info">

													<i class="icon-twitter"></i>

												</a>



												<a class="btn btn-danger">

													<i class="icon-google-plus"></i>

												</a>

											</div>

										</div><!-- /widget-main -->



										<div class="toolbar clearfix">

											<div>

												<a href="#" onclick="show_box('forgot-box'); return false;" class="forgot-password-link">

													<i class="icon-arrow-left"></i>

													I forgot my password

												</a>

											</div>



											<div>

												<a href="#" onclick="show_box('signup-box'); return false;" class="user-signup-link">

													I want to register

													<i class="icon-arrow-right"></i>

												</a>

											</div>

										</div>

									</div><!-- /widget-body -->

								</div><!-- /login-box -->



								<div id="forgot-box" class="forgot-box widget-box no-border">

									<div class="widget-body">

										<div class="widget-main">

											<h4 class="header red lighter bigger">

												<i class="icon-key"></i>

												Retrieve Password

											</h4>



											<div class="spgds-6"></div>

											<p>

												Enter your email and to receive instructions

											</p>



											<form>

												<fieldset>

													<label class="block clearfix">

														<span class="block input-icon input-icon-right">

															<input type="email" class="form-control" placeholder="Email" />

															<i class="icon-envelope"></i>

														</span>

													</label>



													<div class="clearfix">

														<button type="button" class="width-35 pull-right btn btn-sm btn-danger">

															<i class="icon-lightbulb"></i>

															Send Me!

														</button>

													</div>

												</fieldset>

											</form>

										</div><!-- /widget-main -->



										<div class="toolbar center">

											<a href="#" onclick="show_box('login-box'); return false;" class="back-to-login-link">

												Back to login

												<i class="icon-arrow-right"></i>

											</a>

										</div>

									</div><!-- /widget-body -->

								</div><!-- /forgot-box -->



								<div id="signup-box" class="signup-box widget-box no-border">

									<div class="widget-body">

										<div class="widget-main">

											<h4 class="header green lighter bigger">

												<i class="icon-group blue"></i>

												New User Registration

											</h4>



											<div class="spgds-6"></div>

											<p> Enter your details to begin: </p>



											<form>

												<fieldset>

													<label class="block clearfix">

														<span class="block input-icon input-icon-right">

															<input type="email" class="form-control" placeholder="Email" />

															<i class="icon-envelope"></i>

														</span>

													</label>



													<label class="block clearfix">

														<span class="block input-icon input-icon-right">

															<input type="text" class="form-control" placeholder="Username" />

															<i class="icon-user"></i>

														</span>

													</label>



													<label class="block clearfix">

														<span class="block input-icon input-icon-right">

															<input type="password" class="form-control" placeholder="Password" />

															<i class="icon-lock"></i>

														</span>

													</label>



													<label class="block clearfix">

														<span class="block input-icon input-icon-right">

															<input type="password" class="form-control" placeholder="Repeat password" />

															<i class="icon-retweet"></i>

														</span>

													</label>



													<label class="block">

														<input type="checkbox" class="ace" />

														<span class="lbl">

															I accept the

															<a href="#">User Agreement</a>

														</span>

													</label>



													<div class="spgds-24"></div>



													<div class="clearfix">

														<button type="reset" class="width-30 pull-left btn btn-sm">

															<i class="icon-refresh"></i>

															Reset

														</button>



														<button type="button" class="width-65 pull-right btn btn-sm btn-success">

															Register

															<i class="icon-arrow-right icon-on-right"></i>

														</button>

													</div>

												</fieldset>

											</form>

										</div>



										<div class="toolbar center">

											<a href="#" onclick="show_box('login-box'); return false;" class="back-to-login-link">

												<i class="icon-arrow-left"></i>

												Back to login

											</a>

										</div>

									</div><!-- /widget-body -->

								</div><!-- /signup-box -->

							</div><!-- /position-relative -->

						</div>

					</div><!-- /.col -->

				</div><!-- /.row -->

			</div>

		</div><!-- /.main-container -->



		<!-- basic scripts -->



		<!--[if !IE]> -->



		<script src="http://www.jq22.com/jquery/jquery-2.1.1.js"></script>



		<!-- <![endif]-->



		<!--[if IE]>

<script src="../../static/js/jquery/jquery.min.js"></script>

<![endif]-->



		<!--[if !IE]> -->



		<script type="text/javascript">

			window.jQuery || document.write("<script src='statics/js/jquery-2.0.3.min.js'>"+"<"+"/script>");

		</script>



		<!-- <![endif]-->



		<!--[if IE]>

<script type="text/javascript">

 window.jQuery || document.write("<script src='statics/js/jquery-1.10.2.min.js'>"+"<"+"/script>");

</script>

<![endif]-->



		<script type="text/javascript">

            if("ontouchend" in document) document.write("<script src='static/js/jquery/jquery.mobile.custom.min.js' />");

		</script>



		<!-- inline scripts related to this page -->



		<script type="text/javascript">

			function show_box(id) {

			 jQuery('.widget-box.visible').removeClass('visible');

			 jQuery('#'+id).addClass('visible');

			}

		</script>

	

</body>

</html>

